<template>
  <div style="padding:30px 0 0 0;">
    <div class="upload-img">
      <upload type="0" url="/talent/uploadImage.do" v-model="info.image" @on-pitch="initData">
        <img :src="info.image" width="105px" height="105px" alt>
      </upload>
    </div>

    <div class="infomation-right primary-text">
      <el-row class="infomation-name">
        {{info.talentName}}
        <span class="work-label-sta">{{info.jobStateContent}}</span>
      </el-row>
      <el-row class="infomation-details">
        <span style="display:flex;align-items: center;">
          <img src="../../assets/img/resume/nianling.png" alt>
          {{info.talentAge ? info.talentAge + '岁' : '---'}}
        </span>
        <span style="padding:0 30px;">|</span>
        <span style="display:flex;align-items: center;">
          <img src="../../assets/img/resume/time.png" height="15px" alt>
          {{info.workDay ? info.workDay + '年经验' : '---'}}
        </span>
        <span style="padding:0 30px;">|</span>
        <span style="display:flex;align-items: center;">
          <img src="../../assets/img/resume/dingwei.png" height="16px" alt>
          {{info.workCity ? info.workCity : '---'}}
        </span>
        <span style="padding:0 30px;">|</span>
        <span style="display:flex;align-items: center;">
          <img src="../../assets/img/resume/xinzi.png" height="14px" alt>
          <span v-if="info.tax == 0">税前&nbsp;</span>
          <span v-if="info.tax == 1">税后&nbsp;</span>
          {{info.salaryPerMonth ? info.salaryPerMonth +'W': '---'}}/
          <span
            style="color:#666;font-size:12px;"
          >{{info.monthCount ? info.monthCount + '年' : '---'}}</span>
        </span>

        <!-- <el-col :span="3">
          <img src="../../assets/img/resume/nianling.png" alt>
          {{info.talentAge ? info.talentAge + '岁' : '---'}}
        </el-col>-->
        <!-- <el-col :span="5" class="col-ju-center">
          <img src="../../assets/img/resume/time.png" height="15px" alt>
          {{info.workDay ? info.workDay + '年经验' : '---'}}
        </el-col>-->

        <!-- <el-col :span="8" class="col-ju-center">
          <img src="../../assets/img/resume/dingwei.png" height="16px" alt>
          {{info.workCity ? info.workCity : '---'}}
        </el-col>
        <el-col :span="5" class="border-none col-ju-center">
          <img src="../../assets/img/resume/xinzi.png" height="14px" alt>
          <span v-if="info.tax == 0">税前&nbsp;</span>
          <span v-if="info.tax == 1">税后&nbsp;</span>
          {{info.salaryPerMonth ? info.salaryPerMonth +'W': '---'}}/
          <span
            style="color:#666;font-size:12px;"
          >{{info.monthCount ? info.monthCount + '年' : '---'}}</span>
        </el-col>-->
      </el-row>
      <el-row class="infomation-details">
        <span style="display:flex;align-items: center;">
          <img src="../../assets/img/resume/phone.png" alt>
          {{info.phoneNumber ? info.phoneNumber : '---'}}
        </span>
        <span style="padding:0 30px;">|</span>
        <span style="display:flex;align-items: center;">
          <img src="../../assets/img/resume/youxiang.png" height="12px" alt>
          {{info.email ? info.email : '---'}}
        </span>

        <!-- <el-col :span="5">
          <img src="../../assets/img/resume/phone.png" alt>
          {{info.phoneNumber ? info.phoneNumber : '---'}}
        </el-col>
        <el-col
          :span="9"
          class="border-none col-ju-center"
          style="display:flex;align-items:center;"
        >
          <img src="../../assets/img/resume/youxiang.png" height="12px" alt>
          {{info.email ? info.email : '---'}}
        </el-col>-->
        <el-col
          :span="5"
          class="border-none"
          :offset="7"
          style="display: flex;
    justify-content: flex-end;"
        >
          <div @click="editContent">
            <img src="../../assets/img/resume/bianji.png" alt>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import upload from '../../components/upload'
export default {
  props: {
    info: {
      type: Object,
      default: () => ({})
    },
    form: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {}
  },
  methods: {
    editContent() {
      this.form.sta = 0
      this.form.editSta = -1
    },
    initData() {
      this.$emit('on-pitch', true)
    }
  },
  components: { upload }
}
</script>

<style lang="scss" scoped>
.upload-img {
  display: inline-block;
  width: 105px;
  height: 105px;
  position: relative;
}
</style>
